<!-- @format -->
<script setup>
	import MyDialog from './components/MyDialog.vue'
</script>

<template>
	<MyDialog>
		<template v-slot:header>
			<h3>友情提示</h3>
		</template>
		<template v-slot:body>
			<span>请输入正确的手机号</span>
		</template>
	</MyDialog>

	<MyDialog>
		<template v-slot:header>
			<h4>警告</h4>
		</template>
		<template v-slot:body>
			<p>你确认要退出么?</p>
		</template>
	</MyDialog>

	<MyDialog>
		<template v-slot:header>
			<h4>登录</h4>
		</template>
		<template v-slot:body>
			账号: <input type="text" /><br /><br />
			密码: <input type="password" /><br /><br />
		</template>
	</MyDialog>

	<MyDialog>
		<template #header>
			<h4>登录</h4>
		</template>
		<template #body>
			账号: <input type="text" /><br /><br />
			密码: <input type="password" /><br /><br />
		</template>
	</MyDialog>
</template>

<style scoped></style>
